<%@page import="com.jfinal.kit.PropKit"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
        <link href="../wx/css/bootstrap.min.css" rel="stylesheet">
	    <link href="../wx/css/jquery-confirm.min.css" rel="stylesheet">
	    <link href="../wx/css/font-awesome.min.css" rel="stylesheet">
	    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
	    <script src="../wx/js/jquery.min.js"></script>
	    <!-- Include all compiled plugins (below), or include individual files as needed -->
	    <script src="../wx/js/bootstrap.min.js"></script>
	    <script src="../wx/js/jquery-confirm.min.js"></script>
		<script charset="utf-8" src="http://map.qq.com/api/js?v=2.exp"></script>
		<script charset="utf-8" src="../wx/js/destination.js"></script>
		<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
		<title>预约导航</title>
		    <style type="text/css">
        html,body{
            width: 100%;
            height:100%;
        }
       
        .form-group{
            padding-left: 0px;
            padding-right: 5px;
            margin-top: 2px;
            margin-bottom: 2px;
        }
        .near-container{
            height: 50%;
            overflow-y:auto;
            margin-bottom: 0px;
            padding-bottom: 0px;
            scrollbar-face-color: #2D88FF;
        }
        #map-container{
            width:100%;
            height: 40%;
            margin-top: 0px;
            padding-top: 0px;
        }
        .near-locations li h5 p{
            padding-left: 20px;
        }
        .loading-mask {
            position: absolute;
            z-index: 1999;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: #000;
            opacity: 0.5;
            text-align: center;
            display: none;
        }
        .loading-des {
            margin-top:50px;
            color: #fff;
        }
        .groups{
            height: 250px;
            overflow-y: auto;
        }
        #group-modal .modal-footer{
            position: relative;
            z-index: 1;
        }

    </style>
		<script>
			
		</script>
	</head>

	<body >
	<input type="hidden" value="${appId }" id="appid">
	<input type="hidden" value="${nonceStr }" id="nonceStr">
	<input type="hidden" value="${timestamp }" id="timestamp">
	<input type="hidden" value="${url }" id="url">
	<input type="hidden" value="${signature }" id="signature">
	<input type="hidden" value="${jsapi_ticket }" id="jsapi_ticket">
	<input type="hidden" value="${openId }" id="openId">
	<div class="container">
        <form class="form-inline row">
            <div class="form-group col col-xs-10">
                <label class="sr-only" for="key-address">搜索地点</label>
                <div class="input-group">
                    <input type="text" class="form-control" id="key-address" placeholder="搜索地点">
                    <div class="input-group-addon" id="clear"><span class="glyphicon glyphicon-remove"></span></div>
                </div>
            </div>
            <div class="form-group col col-xs-2">
                <button type="button" id="search" class="btn btn-primary btn-group-xs">
                    <span class="glyphicon glyphicon-search"></span> 搜索
                </button>
            </div>
        </form>
</div>
<div id="map-container"></div>
<div class="container near-container">
    <div class="row">
        <ul class="list-group near-locations"></ul>
    </div>
</div>
<nav class="navbar navbar-default navbar-fixed-bottom" hidden>
    <div class="container" >
        <div class="row">
            <div class="col col-xs-6 text-center" >
                <button id="send-client" type="button" class="btn btn-primary" style="margin-top: 5px;">发送到终端</button>
            </div>
            <div class="col col-xs-6 text-center">
                <button id="send-group" type="button" class="btn btn-primary" style="margin-top: 5px;">发送到群组</button>
            </div>
        </div>
    </div>
</nav>
<div id="group-modal" class="modal fade" role="dialog" aria-labelledby="group-modal-label">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="group-modal-label">选择群组</h4>
            </div>
            <div class="modal-body groups-body">
                <ul class="list-group groups"></ul>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" id="btn-group-close" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" id="btn-send-group">发送</button>
            </div>
        </div>
    </div>
</div>
<div class="loading-mask" id="matte">
    <p class="loading-des">正在处理中...</p>
</div>
	
	</body>
</html>
